<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>
        BOM：Browser Object Model（浏览器对象模型）
    </p>
    <a href="./02获取url的参数.html?title_color=ffffff&nav_bar_color=000000&status_bar_color=000000&appType=juejin&magic_page_no=1">02页面</a>
    <br>
    <button onclick="jump()">跳转到02并携带参数</button>
    <script>
        var num = 100;
        function jump() {
            location.href = './02获取url的参数.html?title_color=ffffff&nav_bar_color=000000&status_bar_color=000000&appType=juejin&magic_page_no=1&info='+num;
        }
        // window对象
        // window.innerHeight window.innerWidth 当前窗口的尺寸
        // myWindow=window.open('','','width=200,height=100'); // 生成一个新的窗口
        // myWindow.document.write('<p>我是新生成的窗口</p>')
        // myWindow.moveTo(20, 20) // 挪动整个浏览器窗口

        // window.screen 对象包含用户屏幕的信息包括整个屏幕的宽高以及可用的宽高（去除滚动条等因素）

        // navigator 浏览器的信息 比如操作系统、版本、手机或电脑登。。
        // navigator.userAgent 用户代理
        console.log(navigator);

        // history 页面前进或者后退
        // history.forward() 前进 想要前进需要先后退 然后前进到刚才的页面
        // history.back() 后退 尤其移动端的点击左上角后退
    </script>
</body>
</html>